<!--账户状态-->
<div class="assoc-cr-account">
	<h1 class="f14 mb20 ml20">账户状态</h1>
	<p class="ml35">
		<label>账户余额：</label>
		<span class="f20 colorRed">5000.00元</span>
		<a href="javascript:void(0)" class="colorRed underline ml40">提现</a>
	</p>
	<p class="ml35 mt10">
		<label>累计提供赞助金额：</label>
		<span>10000.00元</span>
	</p>
	<p class="ml35 mt10 mb30">
		<label>累计促成合作次数：</label>
		<span>2次</span>
	</p>
	<div class="pl20 pt10 bordertop">
		<h2 class="assoc-cral-tips clearfix"><label>账户收益明细</label><span>基于企业已付款情况</span><p class="assoc-rTips-readme" id="prizeReadme">奖励机制说明</p></h2>
		<table class="assoc-cral-table mt10">
			<thead>
				<tr>
					<th>入账时间</th>
					<th>代理官奖金</th>
					<th>合同赞助金额</th>
					<th>合同状态</th>
					<th>合同详情</th>
					<th>合作企业</th>
					<th>合作社团</th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td>2016-09-20 06:11:33</td>
					<td>400.00元<span>（冻结）</span></td>
					<td>5000.00</td>
					<td>进行中</td>
					<td><a href="javascript:void(0);">查看详情</a></td>
					<td>可口可乐有限公司</td>
					<td>广州大学学生会</td>
				</tr>
				<tr>
					<td>2016-09-20 06:11:33</td>
					<td>400.00元<span>（已入账）</span></td>
					<td>5000.00</td>
					<td>已完成</td>
					<td><a href="javascript:void(0);">查看详情</a></td>
					<td>可口可乐有限公司</td>
					<td>广州大学学生会</td>
				</tr>
			</tbody>
		</table>
		<!--<div class="assoc-cral-title ml20 mt5 borderbtm clearfix">
			<p>入账时间</p>
			<p>代理官奖金</p>
			<p>合同赞助金额</p>
			<p>合同状态</p>
			<p>合同详情</p>
			<p>合作企业</p>
			<p>合作社团</p>
		</div>
		<ul class="assoc-cral-ul ml20">
			<li class="assoc-cral-title clearfix">
				<p>2016-09-20 06:11:33</p>
				<p>400.00元<span>（冻结）</span></p>
				<p>5000.00</p>
				<p>进行中</p>
				<p><a href="javascript:void(0);">查看详情</a></p>
				<p>可口可乐有限公司</p>
				<p>广州大学学生会</p>
			</li>
			<li class="assoc-cral-title clearfix">
				<p>2016-09-20 06:11:33</p>
				<p>400.00元<span>（已入账）</span></p>
				<p>5000.00</p>
				<p>已完成</p>
				<p><a href="javascript:void(0);">查看详情</a></p>
				<p>可口可乐有限公司</p>
				<p>广州大学学生会</p>
			</li>
		</ul>-->
	</div>
	<div class="page">
		<div class="center">
			<ul class="clearfix">
				<li>
					<a href="javascript:void(0)" class="clickpage">
						上一页</a>
				</li>
				<li>
					<a href="javascript:void(0)">1</a>
				</li>
				<li>
					<a href="javascript:void(0)">2</a>
				</li>
				<li>
					<a href="javascript:void(0)">3</a>
				</li>
				<li>
					<a href="javascript:void(0)">4</a>
				</li>
				<li>
					<a href="javascript:void(0)">5</a>
				</li>
				<li>
					<a href="javascript:void(0)">6</a>
				</li>
				<li>
					<a href="javascript:void(0)">7</a>
				</li>
				<li>
					<a href="javascript:void(0)">8</a>
				</li>
				<li>
					<a href="javascript:void(0)">9</a>
				</li>
				<li>
					<a href="javascript:void(0)">10</a>
				</li>
				<li>
					<a href="javascript:void(0)" class="clickpage">下一页</a>
				</li>
				<li><span>共100页</span></li>
				<li class="clearfix"><span class="fl">去第</span>
					<input type="text" class="fl"><span class="fl">页</span>
				</li>
			</ul>
		</div>
	</div>
</div>
<!--遮罩层-->
<div class="mask hide"></div>
<!--奖励机制-->
<div class="popBox prize hide" id="prizeBox">
	<h1 class="contractBox-title">奖励机制<a href="javascript:void(0)" class="contractBox-title-close"></a></h1>
	<div class="contractBox-content">
		<div class="agentPrize clearfix">
            <p class="fl">单份合同赞助金额范围（元）</p>
            <p class="fl">奖励比率</p>
            <p class="fl">单份合同代理官获得奖金</p>
        </div>
        <ul class="agentPrizeUl mt20">
        	<li class="clearfix">
        		<p>0-5000</p>
        		<p>8%</p>
        		<p>合同赞助金额*8%</p>
        	</li>
        	<li class="clearfix">
        		<p>5001-10000</p>
        		<p>8.5%</p>
        		<p>合同赞助金额*8.5%</p>
        	</li>
        	<li class="clearfix">
        		<p>15001-20000</p>
        		<p>9.5%</p>
        		<p>合同赞助金额*9.5%</p>
        	</li>
        	<li class="clearfix">
        		<p>20000以上</p>
        		<p>10%</p>
        		<p>合同赞助金额*10%</p>
        	</li>
        </ul>
	</div>
</div>
<script>
	$(function(){
		$("#prizeReadme").on('click',function(){
			$(".mask").show();
			$("#prizeBox").show();
		});
		$(".contractBox-title-close").on('click',function(){
			$(".mask,#prizeBox").hide();
		});
	});
</script>